<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Flatpoint - Responsive Web App Template</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <link href="<c:url value="/recursos/css/bootstrap.css" />" rel="stylesheet">
        <link href="<c:url value="/recursos/css/bootstrap-responsive.css" />" rel="stylesheet">    
        <link href="<c:url value="/recursos/css/stylesheet.css" />" rel="stylesheet">
        <link href="<c:url value="/recursos/css/library/jquery-ui-1.10.3.custom.css" />" rel="stylesheet">
        <link href="<c:url value="/recursos/icon/font-awesome.css" />" rel="stylesheet">
        <link href="<c:url value="/recursos/css/select2/select2.css" />" rel="stylesheet" type="text/css"/>
        <link href="<c:url value="/recursos/css/select2/select2-bootstrap.css" />" rel="stylesheet" type="text/css"/>
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
        <script type="text/javascript">
            var base_url = "<c:url value="/" />";
        </script>
        <style type="text/css">
            .ui-dialog,.ui-dialog-titlebar{border-radius: 0;}
            .ui-dialog .ui-dialog-titlebar .ui-dialog-title{font-family: 'Open Sans',sans-serif; font-size: 14px; font-weight: 400; line-height: 30px}
            .ui-dialog .ui-dialog-titlebar .ui-button .ui-button-icon-primary{margin-left: -7px; margin-top: -7px;}                                                    
        </style>
    </head>
    <body>
        <header class="black"> <!-- Header start -->
            <tiles:insertAttribute name="header" />
        </header>
        <div id="main_navigation" class="dark_navigation"> <!-- Main navigation start -->
            <div class="inner_navigation">
                <ul class="main">
                    <tiles:insertAttribute name="menu" />
                </ul>
            </div>
        </div>
        <div id="content"> <!-- Content start -->
            <div class="inner_content">
                <tiles:insertAttribute name="body" />
            </div>       
        </div>
        <tiles:insertAttribute name="footer" />        
        <script src="<c:url value="/recursos/js/jquery-1.10.2.js" />"></script>        
        <script src="<c:url value="/recursos/js/bootstrap.js" />"></script>
        <script src="<c:url value="/recursos/js/jquery-ui-1.10.3.custom.min.js" />"></script>

        <script src="<c:url value="/recursos/js/library/jquery.collapsible.min.js" />"></script> <!-- revisar -->
        <script src="<c:url value="/recursos/js/library/jquery.mCustomScrollbar.min.js" />"></script>
        <script src="<c:url value="/recursos/js/library/jquery.uniform.min.js" />"></script>
        <script src="<c:url value="/recursos/js/library/chosen.jquery.min.js" />"></script>

        <script src="<c:url value="/recursos/js/library/jquery.sparkline.min.js" />"></script> <!-- cambiar colores de menu -->
        <script src="<c:url value="/recursos/js/flatpoint_core.js" />"></script> <!-- expandir menu -->
        <script src="<c:url value="/recursos/js/library/footable.js" />"></script>
        <script src="<c:url value="/recursos/js/library/bootstrap-select.js" />"></script> 
        <script src="<c:url value="/recursos/js/library/bootstrap-datepicker.js" />"></script> 
        <script src="<c:url value="/recursos/js/select2.min.js" />"></script>
        <script src="<c:url value="/recursos/js/servicios.js" />"></script>
        <script src="<c:url value="/recursos/js/logistica.js" />"></script>
        <script type="text/javascript">
            jQuery(function($) {
                $('.footable').footable();
                $('.responsive_table_scroll').mCustomScrollbar({
                    set_height: 400,
                    advanced: {
                        updateOnContentResize: true,
                        updateOnBrowserResize: true
                    }
                });
                $('.chosen').chosen();
            });
        </script>
    </body>
</html>